<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>某某健身</title>
        <link rel="icon" href="../img/icon.png" type="img/x-ico">
        <link rel="stylesheet" href="../css/contact.css">
        <link rel="stylesheet" href="../css/common.css">
        <script src="../js/jQuery%20v3.6.3.js"></script>
        <script src="../js/jupm.js"></script>
        <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=eOc73P38K1RZsVmVePZDGOP85FITs99B"></script>
    </head>
<body class="justify-content-center">
<div>
    <!--    头部-->
    <div id="t"></div>
<!--    第二部分-->
    <div class="two">
        <div></div>
    </div>
<!--    第三部分-->
    <div class="three justify-content-center">
        <div class="justify-content-left">
            <div></div>
            <div style="margin-left: 5px;cursor: pointer">网站首页</div>
            <div style="margin-left: 5px;">>></div>
            <div style="margin-left: 5px;cursor: pointer">联系我们</div>
        </div>
    </div>
<!--   第四部分 -->
    <div class="four justify-content-center">
        <div class="justify-content-space-between">
            <div class="map">
                <div id="container"></div>
            </div>
            <div class="flex-wrap-wrap">
                <div class="justify-content-center align-items-center" style="width: 49%; height: 33.3%">
                    <div style="width: auto">
                        <img class="alignCenter" src="../img/qq_pzt0.jpg" width="60px" height="60">
                        <div style="margin-top: 20px">123456789</div>
                    </div>
                </div>
                <div class="justify-content-center align-items-center" style="width: 49%; height: 33.3%">
                    <div style="width: auto">
                        <img class="alignCenter" src="../img/wb_7xsj.jpg" width="60px" height="60">
                        <div style="margin-top: 20px">weibo.​com/futai</div>
                    </div>
                </div>
                <div class="justify-content-center align-items-center" style="width: 49%; height: 33.3%">
                    <div style="width: auto">
                        <img class="alignCenter" src="../img/0c6l.png" width="60px" height="60">
                        <div style="margin-top: 20px">400-000-000</div>
                    </div>
                </div>
                <div class="justify-content-center align-items-center" style="width: 49%; height: 33.3%">
                    <div style="width: auto">
                        <img class="alignCenter" src="../img/3d9i.png" width="60px" height="60">
                        <div style="margin-top: 20px">lvyou@163.com</div>
                    </div>
                </div>
                <div class="justify-content-center align-items-center" style="width: 49%; height: 33.3%">
                    <div style="width: auto">
                        <img class="alignCenter" src="../img/wx_1j0c.jpg" width="60px" height="60">
                        <div style="margin-top: 20px">lvyou-futai</div>
                    </div>
                </div>
                <div class="justify-content-center align-items-center" style="width: 49%; height: 33.3%">
                    <div style="width: auto">
                        <img class="alignCenter" src="../img/l3pb.png" width="60px" height="60">
                        <div style="margin-top: 20px">广州市天河区XX路XX街XX号</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    var map = new BMapGL.Map('container'); // 创建Map实例
    map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 12); // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
    </script>
</html>